<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>桂林山水风景图片</title>
        <style type="text/css">
            h3{text-align: center;color: red;}
            img{width: 100px;height: 100px;border: 0;}
            ul{list-style-type: none;text-align: center;}
            li{display: inline-block;width: 120px;height: 30px;}
        </style>
    </head>
    <body>
        <h3>桂林山水风景图片</h3>
        <ul>
            <li>
                <div>
                    <a href="source\image51.jpg"><img src="source\image51.jpg" alt=""><br/>桂林山水1</a>
                </div>
            </li>
            <li>
                <div>
                    <a href="source\image52.jpg"><img src="source\image52.jpg" alt=""><br/>桂林山水2</a>
                </div>
            </li>
            <li>
                <div>
                    <a href="source\image53.jpg"><img src="source\image53.jpg" alt=""><br/>桂林山水3</a>
                </div>
            </li>
            <li>
                <div>
                    <a href="source\image53.jpg"><img src="source\image54.jpg" alt=""><br>桂林山水4</a>
                </div>
            </li>
        </ul>
    </body>
</html>